.title{
    text-align: center;
    color:black;
}
.main{
    width:60%;
    margin-left:20%;
}
.main hr{
    margin:0px;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.main .item{
    position: relative;
    left: 0px;
    width: 100%;
    height:35px;
    background-color:  rgba(255, 255, 255, 0.205);
    transition: all 0.25s;
}

.main .item+.item{
    border-top: 1px solid darkgray;
}

.main .item p{
    color:black;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
}

.main .item:hover{
    /* float: left; */
    padding: 5px 0;
    height: 40px;
    left: 10px;
    border-radius: 10px;
    background-color:black;
}

.main .item:hover p{
    color:white;
}

body{
    background-color: rgb(30, 116, 116);
}